<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <form action="getData.html">
        用户名：<input type="text" name="user"><br>
        性别：<input type="radio" name="sex" value="男" id="">男
        <input type="radio" name="sex" value="女" id="">女
        <input type="radio" name="sex" value="保密" id="">保密<br>
        年龄：<input type="text" name="age"><br>

        <input type="submit" value="提交">
    </form>


    <a href="#one" id=""></a>
    <div id="one">11231313</div>
</body>
<script>
    // http://127.0.0.1:5500/day12/02%20%E5%AF%BC%E8%88%AA%E6%A0%8F%E5%90%B8%E9%A1%B6%E6%95%88%E6%9E%9C.html#part6

    // 一个网站服务器由三部分组成
    // 协议 (http，https)
    // 域名 (www.baidu.com)
    // 端口 (80,443)

    // location对象的相关属性和方法
    // hash    url#之后的部分(#part6)  锚点的hash值  
    // host      设置或返回 主机名和端口   (网站返回  域名和端口  但是http和https有默认端口，就没有返回端口)
    // hostname  设置或返回主机名  (本地主机   127.0.0.1 或 localhost   网站返回  域名)   
    // href    设置或返回 url
    // origin  设置或返回 协议,域名,和端口
    // pathname  设置或返回 url的路径部分
    // port    设置或返回  端口
    // protocol  设置或返回  协议
    // search   设置或返回  url中 ?以及之后的参数数据队列

    // location.reload()  刷新  
    // location.reload(true)  刷新 不使用缓存


    // history的相关方法

    // history.back()  //后退一步
    // history.forward()  //前进一步

    // history.go() //刷新页面
    // history.go(-1)//后退 一步
    // history.go(-n) //后退 n步
    // history.go(1)//前进 一步
    // history.go(n) //后退 n步
</script>

</html>